﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/shared/_LayoutFront.cshtml";
}
<style>
    .new-index article p {
        display: none;
    }

        .new-index article p:nth-child(1) {
            display: block;
        }  
</style>
<style>
    .new-index article {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .header-nav {
           background-color: #b9abce            
    }
    body {
        color: black;  
    }
   .index-product>main:nth-child(1) ul {
   padding-bottom:50px;
     
}
   .index-content .product-list img {
    border: 2px solid #dcdcdc;
    width: 258px;
    height: 275px;
    margin-right: 8.5px;
    margin-bottom: 8.5px;
   
}
</style>
<section class="index-section">
    <div>
        <span></span>
        <span></span>
    </div>
    <div class="index-content">
        <section class="index-content-section-first"><div><img src="~/images/10ebe77b39a32e74fbbea20cefa2e026.jpg" alt=""></div> </section>
        <section class="index-content-section-second">
            <div>
                <div class="index-auto">
                    <article>公司介绍</article>
                    <h6>COMPANY INTRODUCTION</h6>
                    <main>@ViewBag.A.Info</main>
                    <a class="index-button" href="/About/Index">查看详情</a>
                </div>
            </div>
        </section>
    </div>
</section>

<section class="index-product">
    <main>
        <ul class="index-product">
            <li><a href="/Product/Index/1?TypeName=爱情鲜花"><img src="~/images/20200616215841.png"/></a></li>
            <li><a href="/Product/Index/3?TypeName=生日祝福"><img src="~/images/20200616215847.png" style="padding-bottom:20px;" /></a></li>   
            <li><a href="/Product/Index/2?TypeName=礼仪花篮"><img src="~/images/20200616215853.png" /></a></li>
            <li><a href="/Product/Index/4?TypeName=其他鲜花"><img src="~/images/20200616215902.png" /></a></li>
        </ul>
    </main>
    <main></main>
    <main></main>
</section>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>
<section class="index-margin-bottom">
    <div class="index-morecase">
        <span></span>
        <a href="/Product/Index">MORE &#62; &#62;</a>
    </div>
    <div class="index-content">
        <div class="product-list">
            @foreach (var item in ViewBag.B)
            {
                <div class="am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <a href="~/Product/Index">
                        <img src="~/@item.ImgUrl" />
                    </a>
                </div>
            }
        </div>
    </div>
</section>
<section class="index-margin-bottom">
        <div class="index-morecase">
                <span></span>
                <a href="/News/Index">MORE &#62; &#62;</a>        
       </div>
        <div class="index-content">
                <div class="new-index">
                        <ul>                
                <li><img src="~/images/QQ图片20200616091334.jpg" alt=""> </li>         
                <li>
                       <a href="~/NewsDetail/Index/@ViewBag.C[0].Id">
                       <h3>@ViewBag.C[0].Title</h3>
                        <article>
                          @Html.Raw(@ViewBag.C[0].Cont)              
                        </article>                        
                    </a>                   
                </li>               
            </ul>           
            <ul>
                         @for (var i = 1; i < ViewBag.C.Count; i++)
                           {
                              <li>
                              <a href ="/NewsDetail/Index/@ViewBag.C[i].Id">
                              <h3 > @ViewBag.C[i].Title </h3 >
                              <article >
                                    @Html.Raw(@ViewBag.C[i].Cont)
                              </article >
                              </a >
                              </li >
                            }           
            </ul>                 
        </div>       
    </div>    
</section>

